<%@page contentType="text/css" %>
<%@taglib prefix="s" uri="/struts-tags" %>


/* CONTENIDOS
-------------------------------------------------- */


div#contenidos div#informacion {
	position: relative;
	width: 902px;
	margin-bottom: 25px;
	padding: 12px 10px;
	background: url(/img/css/fondoDegradadoClaro.gif) #3b3b3b left top repeat-x;
}

div#contenidos div#informacion h3 {
	margin-bottom: 15px;
	text-transform: uppercase;
	line-height: 16px;
	font-family: apexnew_bold;
	font-weight: bold;
	font-size: 14px;
	color: #9c9c9c;		
}

div#contenidos div#informacion a#volver {
	position: relative;
	z-index: 2;
	float: right;
	margin-top: -30px;
	padding-left: 11px;
	background: url(/img/css/itemFlechitaAzul_Izq.gif) left center no-repeat;
	color: #969696;
}

div#contenidos div#informacion a#volver:hover {
	color: #b2b2b2;	
}

div#contenidos div#informacion table {
	width: 100%;
	margin-bottom: 20px;
	border-collapse: collapse;
	border-spacing: 0;
	border-width: 0;
}

div#contenidos div#informacion table caption {
	display: none;
	position: absolute;
	top: -10000px;	
}

div#contenidos div#informacion table thead tr {
	background-color: #2f2f2f;
	color: #c9c9c9;
}

div#contenidos div#informacion table thead th {
	height: 22px;
	border-bottom: 6px #3b3b3b solid;
	line-height: 22px;
}

div#contenidos div#informacion table thead th.categoria,
div#contenidos div#informacion table thead th.asunto {
	padding-left: 20px;
	text-align: left;
}

div#contenidos div#informacion table tbody tr.par {
	background-color: #464646;	
}

div#contenidos div#informacion table tbody th,
div#contenidos div#informacion table tbody td {
	border-top: 2px #3b3b3b solid;
	border-bottom: 2px #3b3b3b solid;
}

div#contenidos div#informacion table tbody tr.par th,
div#contenidos div#informacion table tbody tr.par td {
	border-width: 0;
}

div#contenidos div#informacion table tbody th {
	padding-left: 20px;
	text-align: left;
	font-weight: normal;
	color: #c1c1c1;
}

div#contenidos div#informacion table tbody td {
	height: 30px;
	text-align: center;
	line-height: 30px;
	color: #acacac;
}

div#contenidos div#informacion table tbody td.id {
	width: 75px;
	font-weight: bold;
	color: #c1c1c1;
}

div#contenidos div#informacion table tbody td.fecha {
	width: 100px;
	font-weight: bold;
	color: #6e6e6e;
}

div#contenidos div#informacion table tbody td.categoria {
	width: 200px;
	padding-left: 20px;
	text-align: left;
}

div#contenidos div#informacion table tbody td.estado {
	width: 95px;
	background-position: left top;
	background-repeat: no-repeat;
	font-weight: bold;
	color: #969696;
}

div#contenidos div#informacion table tbody td.resuelta {
	background-image: url(/img/css/fondoSube.gif);
	background-color: #455d13;
}

div#contenidos div#informacion table tbody td.en-proceso {
	background-image: url(/img/css/fondoIgual.gif);
	background-color: #714209;
}

div#contenidos div#informacion table tbody td.pendiente {
	background-image: url(/img/css/fondoBaja.gif);
	background-color: #652221;
}

div#contenidos div#informacion table tbody th a {
	color: #5b9dcd;
}

div#contenidos div#informacion table tbody th a:hover {
	color: #83c2f0;
}

div#contenidos div#informacion table tbody th div#detalle {
	position: absolute;	
	z-index: 100;
	width: 335px;
	background: url(/img/css/fondoDetalleIncidencia_Inf.png) left bottom no-repeat;
	padding-bottom: 20px;
}

div#contenidos div#informacion table tbody th div#detalle dl {
	padding: 27px 27px 12px 27px;
	background: url(/img/css/fondoDetalleIncidencia.png) left top no-repeat;
}

div#contenidos div#informacion table tbody th div#detalle dt {
	clear: left;
	margin-bottom: 2px;
	font-weight: bold;
	color: #fff;	
}

div#contenidos div#informacion table tbody th div#detalle dt#titulo-asunto {
	float: left;
	margin: 0 7px 7px 0;
}

div#contenidos div#informacion table tbody th div#detalle dd {
	color: #6e6e6e;	
}

div#contenidos div#informacion table tbody th div#detalle dd#texto-asunto {
	float: left;	
}

div#contenidos div#informacion table tbody th div#detalle button {
	position: absolute;
	overflow: hidden;
	right: 20px;
	top: 19px;
	width: 11px;
	height: 11px;
	background: url(/img/css/iconoCerrar.png) left top no-repeat;	
}

div#contenidos div#informacion table tbody th div#detalle button:hover {
	background-position: 0 -11px;	
}

div#contenidos div#informacion table tbody th div#detalle button span {
	position: absolute;
	top: -10000px;	
}

div#contenidos div#informacion a#ver-todos {
	position: absolute;
	right: 170px;
	bottom: 19px;
	padding-left: 11px;
	background: url(/img/css/itemFlechitaAzul.gif) left center no-repeat;
	color: #6e6e6e;
}

div#contenidos div#informacion a#ver-todos:hover {
	color: #969696;
}

div#contenidos div#informacion div.cargando {
	left: 0;
	top: 0;
	width: 922px;
	height: 100%;
}

div#contenidos a.banner {
	float: left;	
}